import React, { FC, useEffect, useState } from 'react';
import styles from './MenuComponent.less';

interface MenuComponentProps {}

const MenuComponent: FC<MenuComponentProps> = (props) => {
  const { children } = props;

  useEffect(() => {
    console.log('MenuComponent 组件挂载完毕!');
  }, []);

  console.log('MenuComponent 组件render!');
  return (
    <div className={styles.container}>
      <div className={styles.left}></div>
      <div className={styles.center}></div>
      <div className={styles.right}>
        <input type="text" />
        <button>搜索</button>
      </div>
    </div>
  );
};

export default MenuComponent;
